<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>

</head>
<body>
    <form action="#" method="get" autocomplete="on">
        <label for="username" >用户名:</label>
        <input type="text" id="username" name="username" placeholder="请输入用户名" ><br>

        <label for="password" >密码:</label>
        <input type="password" id="password" name="password" ><br>

        <label for="email" >邮箱:</label>
        <input type="email" id="email" name="email" ><br>

        <label for="tel" >手机:</label>
        <input type="tel" id="tel" name="tel" ><br>

        <label for="gender" id="gender">性别</label>
        <input type="radio" name="gender" value="men">男
        <input type="radio" name="gender" value="women">女<br>

        <label for="hobby">爱好</label>
        <input type="checkbox" id="hobby" name="hobby" value="学习">学习
        <input type="checkbox"  name="hobby" value="打游戏">打游戏
        <input type="checkbox"  name="hobby" value="听歌">听歌<br>

        出生日期:<input type="date" name="date"><br>

        <label for="city">所在城市</label>
        <select id="city" name="city">
            <option>--所在城市--</option>
            <optgroup label="直辖"></optgroup>
                <option>北京</option>
                <option>上海</option>
            <optgroup label="省"></optgroup>
                <option>合肥</option>
                <option>杭州</option>
        </select><br>

        个性签名:
        <textarea name="textarea" rows="10" cols="50"></textarea><br><br>



        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>

</body>
</html>